//.AtSwipeAction-text view, text, span, taro-text-core{
//  color: #ffffff;
//}
.at-swipe-action__options {
  overflow: hidden;
}

.at-swipe-action {
  transform: translateX(0);
}

.option__text {
  color: #ffffff;
}

.AtSwipeAction-text {
  background-color: #f5f5f5;
}

.mess-list-con {
  //margin-top: 216px;
  .list {
    margin-top: 24px;
  }

  .wm-swipe-wrap {
    overflow: hidden;
  }

  .top-padding {
    padding: 32px;
    background-color: #fff;
  }

  // .mess-padding {
  //   height: 40px;
  //   margin-top: 30px;
  //   margin-bottom: 30px;
  // }
  .mess-box {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 136px;
    width: 100%;

    .mess-con {
      margin: 10px 0 0 24px;
      width: calc(100vw - 180px);
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;

      &:first-child {
        margin-top: 0;
      }

      .title {
        font-size: 28px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 90%;
      }

      .time-tip {
        font-size: 24px;
        color: #999;
      }

      .content {
        color: #999;
        font-size: 24px;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        //height: 100%;
        line-height: 2;
      }
    }

    .item-num-con {
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 32px;
      min-width: 32px;
      background: linear-gradient(90deg, rgba(255, 102, 102, 1) 0%, rgba(255, 10, 10, 1) 100%);
      border-radius: 24px;

      .item-num {
        color: #fff;
        font-weight: 500;
        font-size: 20px;
      }
    }
  }

  .mess-icon {
    width: 88px;
    min-width: 88px;
    height: 88px;
    border-radius: 50%;
  }

  .time-con {
    // padding-top: 24px;
    width: 100vw;
    overflow-x: hidden;
    padding-left: 0;
    padding-right: 0;

    .mess-text {
      padding-left: 16px;
      // font-size: 32px;
    }

    .mess-top {
      display: flex;
      flex-direction: row;
      align-items: center;
    }

    .mess-padding {
      margin-top: 30px;
      padding-bottom: 10px;
      padding-top: 40px;
      background: #ffffff;
      padding-left: 32px;
    }

    .top-padding {
      padding: 24px 32px;
      background-color: #fff;
    }

    .time-icon {
      width: 32px;
      height: 32px;
    }
  }
}

.mess-push-list {
  height: 100vh;
  overflow: scroll;
  background-color: #f5f5f5;

  .tip-top {
    display: flex;
    flex-direction: row-reverse;
    padding-right: 24px;
    align-items: center;
    background-color: #fff;
    height: 80px;

    .tip-icon {
      width: 40px;
      height: 40px;
      margin-left: 32px;
    }

    .num-tip {
      font-size: 28px;
      padding-left: 16px;
    }
  }
}
